<template>
  <div>
    <h1>ref 结合 ts</h1>
    <h2>{{ list }}</h2>
  </div>
</template>

<script setup lang="ts">
import { ref } from 'vue';
// import type { Ref } from 'vue';

/**
 * 如果是基本数据类型 类型推导就可以了，不用写泛型
 * 但如果是复杂数据类型 要写泛型
 */
const count = ref(0)
count.value

type User = {
  name: string,
  age: number
}
type UserList = User[]
// user列表
const list = ref<UserList>([])
setTimeout(() => { 
  // const res = await 。。
  // list.value = res.data.data
  list.value = [
    {name: 'zs', age: 18},
    {name: 'ls', age: 20}
  ]
 }, 2000)
</script>

<style scoped>

</style>
